
@import '@/uni_modules/uview-ui/theme.scss';


html,body {
	padding: 0;
	margin: 0;
}

/**
 * 主题色
 */
 $t-color: #FA3534;

 /**
  * 主题背景色
  */
 $t-bg: rgb(239, 239, 244);
 
 /**
  * 主题shadow
  */
 $t-shadow:  0 4rpx 14rpx 0 rgba(0, 0, 0, .1);
 
 
 /**
  * 全局image
  */
 image,img {
    width: 100%;
    height: 100%;
    display: block;
 }
 
 /**
  * 弹性布局(重点)
  * @params
  *  1. j 主轴(相对)
  *  2. a 垂直轴(相对)
  *  3. w 变化形式(nowrap, wrap, column, wrap column, nowrap column ...)
  *  4. 不懂flex？
  */
 @mixin f-c($j: center, $a: center, $w: nowrap) {
    display: flex;
    justify-content: $j;
    align-items: $a;
    flex-flow: $w;
 }
 
 /**
  * css箭头(默认右箭头)
  * @params 
  *  1. w x轴
  *  2. h y轴
  *  3. d 旋转角度
  */
@mixin arrow($w: 17rpx, $h: 17rpx, $d: 45deg, $b: 4rpx) {
    display: block;
    width: $w;
    height: $h;
    border-top: $b solid #C7C7CC;
    border-right: $b solid #C7C7CC;
    transform: rotate($d);
 }
 
 /**
  *  x行溢出显示...
  *  @params 
  *   1. row 溢出的行数
  */
 @mixin hidden($row: 1) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $row;
    -webkit-box-orient: vertical;
 }
 
 
 /**
  * 主题按钮
  * @params
  *  1. w 按钮宽
  *  2. h 按钮高
  */
 @mixin btn($w: 272rpx, $h: 72rpx) {
    @include f-c();
    width: $w;
    height: $h;
    border-radius: 40rpx;
    font-size: 33rpx;
    font-weight: 500;
    color: $t_color;
    letter-spacing: 1rpx;
    background-color: $t_color;
 }
 
 
 /* h5 样式重置*/
 .uni-picker-container .uni-picker-action.uni-picker-action-confirm {
	 color: $t-color !important;
 }
